<!DOCTYPE html>
<html>
<head>
<title>个人中心 - 360安全浏览器</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="/js/jquery-1.8.2.min.js"></script>
<script src="/js/core.js"></script>
<link rel="styleSheet" href="/css/reset.css" />
<link rel="styleSheet" href="/css/ui.refactor.css" />
<script src="/js/ui.grade.js"></script>
<link rel="styleSheet" href="/css/ui.grade.css" />
</head>
<body>
<script>
var user = {"qid":"116920899","src":"i360","imgUrl":"http:\/\/u1.qhimg.com\/qhimg\/quc\/110_110\/23\/02\/a2\/2302a21q10d73.fd26f4.jpg",'imageId':'2701c59qeea4', "imgFlag":0,"name":"panliu888@gmail.com"};
var systemdefaultimg = {"2701c59qeea4":{"path":"http:\/\/u1.qhimg.com\/qhimg\/quc\/110_110\/27\/01\/c5\/","url":"http:\/\/u1.qhimg.com\/qhimg\/quc\/110_110\/27\/01\/c5\/2701c59qeea4.f2dde7.jpg"},"2d01c16q112d0":{"path":"http:\/\/u1.qhimg.com\/qhimg\/quc\/110_110\/2d\/01\/c1\/","url":"http:\/\/u1.qhimg.com\/qhimg\/quc\/110_110\/2d\/01\/c1\/2d01c16q112d0.7189c2.jpg"}};
</script>
<div class="head"> 安全浏览器个人中心 </div>
<div class="body bu">
  <div class="login">
    <h4>个人中心需要登录才能使用</h4>
    <h4>
    请 <a href="http://i.360.cn/login?destUrl=http%3A%2F%2Fmy.browser.360.cn%2F">登录</a> 360帐号。如果您没有帐号，请 <a href="http://i.360.cn/reg/?destUrl=http%3A%2F%2Fmy.browser.360.cn%2F">注册</a> </div>
  <div class="setup">
    <h4>使用360安全浏览器，提升浏览器帐号等级</h4>
    <a href="http://se.360.cn/" class="button" target="_blank">立即安装</a> </div>
  <div class="user desc">
    <div style="float:left"> <img src="img/360.png" width="120" height="120" style="float:none" />
      <p style="text-align:center"><a href="javascript:;" class="change-face">修改头像</a></p>
    </div>
    <h4><span>panliu888@gmail.com</span> <a href="/index/logout">退出</a></h4>
    <div class="info grade"> 用户等级：<span></span> </div>
    <div class="info expr"> 当前经验：<span></span> <em style="color: #222;"></em> </div>
    <div class="info time"> 今日在线：<span></span> </div>
    <div class="info total"> 累计在线：<span></span> </div>
    <div class="info sign"> 连续签到：<span></span> </div>
  </div>
  <div class="rank">
    <h5>英雄榜</h5>
    <table class="desc">
      <thead>
        <tr style="background-color:#fdfdfd;">
          <td style="width:105px;">排名</td>
          <td>用户</td>
          <td style="width:235px;">等级</td>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
  </div>
  <div class="what">
    <h5>360用户等级有什么用？</h5>
    <div class="desc"> 360注册用户通过积累经验值升级，在达到一定级别后，将有机会获得一些有趣的奖励，包括：各种浏览器等级特权，参加不定期举办的活动的资格，获取参与新产品新功能内测和试用，以及获赠各种奖品的机会等。当然，这一切都是免费的。 </div>
  </div>
  <div class="map">
    <h5>等级经验值对应关系</h5>
    <table class="desc">
      <thead>
        <tr style="background-color:#fdfdfd;">
          <td>等级</td>
          <td>等级标识</td>
          <td>所需经验值</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>LV1</td>
          <td><script>new ui.Grade({grade:1}).render();</script></td>
          <td><div class="r"> 0 </div></td>
        </tr>
        <tr>
          <td>LV2</td>
          <td><script>new ui.Grade({grade:2}).render();</script></td>
          <td><div class="r"> 20 </div></td>
        </tr>
        <tr>
          <td>LV3</td>
          <td><script>new ui.Grade({grade:3}).render();</script></td>
          <td><div class="r"> 50 </div></td>
        </tr>
        <tr>
          <td>LV4</td>
          <td><script>new ui.Grade({grade:4}).render();</script></td>
          <td><div class="r"> 100 </div></td>
        </tr>
        <tr>
          <td>LV5</td>
          <td><script>new ui.Grade({grade:5}).render();</script></td>
          <td><div class="r"> 150 </div></td>
        </tr>
        <tr>
          <td>LV6</td>
          <td><script>new ui.Grade({grade:6}).render();</script></td>
          <td><div class="r"> 250 </div></td>
        </tr>
        <tr>
          <td>LV7</td>
          <td><script>new ui.Grade({grade:7}).render();</script></td>
          <td><div class="r"> 450 </div></td>
        </tr>
        <tr>
          <td>LV8</td>
          <td><script>new ui.Grade({grade:8}).render();</script></td>
          <td><div class="r"> 750 </div></td>
        </tr>
        <tr>
          <td>LV12</td>
          <td><script>new ui.Grade({grade:12}).render();</script></td>
          <td><div class="r"> 2950 </div></td>
        </tr>
        <tr>
          <td>LV16</td>
          <td><script>new ui.Grade({grade:16}).render();</script></td>
          <td><div class="r"> 6750 </div></td>
        </tr>
        <tr>
          <td>LV32</td>
          <td><script>new ui.Grade({grade:32}).render();</script></td>
          <td><div class="r"> 37950 </div></td>
        </tr>
      </tbody>
    </table>
    <script>
					ui.Grade.fixWidth('table');
				</script> 
  </div>
  <div class="side">
    <div class="user-rank">
      <h5 class="current">正在获取您的排名<span></span></h5>
      <h5 class="compare">请稍候...</h5>
    </div>
    <h5>经验值积累规则</h5>
    <div class="desc"> A. 时长累计： <br/>
      登录时每10分钟统计一次在线时长<br/>
      保持登录2小时可以获得5点经验<br/>
      每天时长累计最多获得10点经验<br/>
      不足两小时的时长不累计到第二天<br/>
    </div>
    <div class="desc"> B. 手动签到： <br/>
      点击浏览器大头像"签到"按钮，可获5~25点经验：<br/>
      每天允许签到一次<br/>
      第1天签到获5点经验<br/>
      连续签到每天增加5点经验<br/>
      连续5天以上每次获25点经验<br/>
      如中断签到，则重新从5点开始累计<br/>
    </div>
  </div>
</div>
<div class="foot"> Copyright©2005-2012 360.CN All Rights Reserved 360安全中心  隐私权政策 京ICP证080047号. </div>
<script src="/js/ui.data.js"></script> 
<script>
			var data = new ui.Data('.user','.rank tbody','.user-rank');
			data.ajax(['user','rank']);
		</script>
<link rel="stylesheet" href="css/ui.face.css">
<script src="js/ui.face.js"></script>
<div class="change-face-layer">
  <div class="change-face-camera-tip"></div>
  <a class="dialog-close close" href="javascript:;" title="关闭">关闭</a>
  <h3>设置新头像</h3>
  <div class="operate">
    <ul class="tab-title">
      <li><a href="javascript:;" class="active">推荐头像</a></li>
      <li><a href="javascript:;">上传头像</a></li>
      <li><a href="javascript:;">自拍头像</a></li>
    </ul>
    <div class="tab-cont">
      <div class="active recommend">
        <div class="recommend-face"> </div>
        <p><a class="save-recommend" href="javascript:;">保存头像</a></p>
      </div>
      <div>
        <div class="upload border">
          <form>
            <input type="file" accept="image/*" >
          </form>
          <div class="format-error">请选择jpg、gif、png等格式的图片</div>
          <p>将您的照片拖至此处</p>
          <p class="file-open">您也可以 <a href="javascript:;">上传照片</a></p>
        </div>
        <div class="cut">
          <div class="border">
            <canvas id="cropper"></canvas>
          </div>
          <p><a class="rotate rotate-left" href="javascript:;">向左旋转</a><a class="rotate rotate-right" href="javascript:;">向右旋转</a></p>
          <p><a class="cutbtn save-cut" href="javascript:;">保存</a><a class="cutbtn cancel-cut" href="javascript:;">取消</a></p>
        </div>
      </div>
      <div>
        <div>
          <div class="camera border">
            <div class="tips">
              <h4>请点击"允许"按钮，授权网页访问您的摄像头！</h4>
              <p>若您并未看到任何授权提示，建议您使用最新安全浏览器6.0，点击 帮助-检查新版本...或者<a href="http://down.360safe.com/se/360se6_setup.exe" target="_blank">点击此处</a>下载。</p>
            </div>
            <video id="camera_stream" autoplay />
          </div>
          <p><a class="shutter" href="javascript:;">拍照</a></p>
        </div>
      </div>
    </div>
  </div>
  <div class="side">
    <div class="preview">
      <p>预览：</p>
      <div>
        <div class="shadow p110"> <img>
          <canvas id="p110" width="110" height="110"></canvas>
        </div>
        110×110 </div>
      <div>
        <div class="shadow p48"> <img>
          <canvas id="p48" width="48" height="48"></canvas>
        </div>
        48×48 </div>
    </div>
    <div class="my-face"> 我使用过的头像：
      <div> </div>
    </div>
  </div>
</div>
</body>
</html>
